当前位置：flash8.0教程－基础教程

名称

《弹出式菜单》的制作过程

预览

弹出式菜单制作方法

说明：本例中制作的弹出式菜单,当鼠标指针滑过按钮时，会显示下级的子菜单，离开时，又会自动隐藏子菜单。同时，当单击子菜单中的相应按钮时，又会自动隐藏掉子菜单，并且会到达指定的网站。

功能：适用制作各种用途的弹出式菜单。

元件：本例中使用到两个按钮和一个影片剪辑。

制作步骤如下：

1. 创建按钮：

（1）单击“窗口”；单击“公用库”；从打开的库面板中拖放一种按钮到舞台上：双击舞台上的该按钮，进入按钮的编辑状态，选中“text”图层；单击“删除”按钮，删除该文字图层。

（2）将该按钮命名为“Button1”。

（3）采用上面相当方法再创建一个按钮，命名为“Button2”（将该按钮从舞台上删除掉，暂时保存在库中）。

1. 创建影片剪辑：单击“插入”；单击“新建元件”；勾选“影片剪辑”，并且输入名称“MC1”；单击“确定”按钮；
2. 编辑影片剪辑：
3. 首先从库中将“MC1”拖放到舞台上，并且放在按钮“Button1”的旁边；然后双击该影片剪辑进入它的编辑状态；
4. 选中第一帧，打开动作面板，输入如下代码：

stop();

1. 在第二帧处右击；单击“插入空白关键帧”；将“Button2”按序摆放在“Button1”的附近（参照源文件）；
2. 锁定图层1（按钮层）；新建图层2，取名装饰层；用矩形工具在Button2的按钮层上画一个矩形，刚好能覆盖住整个Button2按钮层为佳（参照源文件）；最后将该装饰层拖放到按钮层的下方即可完成装饰层的编辑。
3. 新建图层3，取名透明按钮层；还是用矩形工具画出两个矩形，能覆盖住全部Button1和 Button2按钮为佳（参照源文件中影片剪辑的透明按钮层）；然后把该矩形层全部选中；右击；单击“转化为元件”；勾选“按钮”；单击“确定”；最后把该矩形层全部选中，在颜色面板中把颜色的透明值设为0；再把透明按钮图层拖放到按钮层和装饰层之间。
4. 选中影片剪辑在属性面板中将其实例名称定为“MC1”；
5. 添加代码：

（1）、选中透明按钮，添加如下代码：

on (rollOut) {

gotoAndStop(1);

}

（2）、选中影片剪辑中按钮图层的第二帧中的第1个按钮（“个人主页”），添加如下代码：

on (rollOver) {

gotoAndStop(2);

}

on (release) {

gotoAndStop(1);

getURL("http://luotao2.xinwen365.com", "_blank");

}

（3）、选中影片剪辑中按钮图层的第二帧中的第2个按钮（“太乐音乐”），添加如下代码：

on (rollOver) {

gotoAndStop(2);

}

on (release) {

gotoAndStop(1);

getURL("http://www.tailenet.com", "_blank");

}

（4）、选中影片剪辑中按钮图层的第二帧中的第3个按钮（“Goolge主页”），添加如下代码：

on (rollOver) {

gotoAndStop(2);

}

on (release) {

gotoAndStop(1);

getURL("http://www.Google.com", "_blank");

}

（5）、选中影片剪辑中按钮图层的第二帧中的第4个按钮（“百度搜索”），添加如下代码：

on (rollOver) {

gotoAndStop(2);

}

on (release) {

gotoAndStop(1);

getURL("http://www.baidu.com", "_blank");

}

（6）、选中影片剪辑中按钮图层的第二帧中的第5个按钮（“雅虎官网”），添加如下代码：

on (rollOver) {

gotoAndStop(2);

}

on (release) {

gotoAndStop(1);

getURL("http://deskbar.yisou.com", "_blank");

}

（7）、选中主场景中的“Button1”按钮（“网站导航”），添加如下代码：

on (rollOver) {

MC1.gotoAndStop(2);

}

1. 最后对于按钮上的文字，在制作时可以在各个图层上方新建一个文字图层，单击文字工具直接在按钮上添加上文字，再调整好大小即可。

按“Ctrl+Enter”?? 组合键测试影片。